.common-layout {
    width: 100vw;
    height: 100vh;
    background-color: #f0f2f5;

    .el-header {
        background-color: #001529;
        display: flex;
        align-items: center;
    }

    .headers {
        width: 1200px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
    }

    .el-main {
        width: calc(1200px + 20px);
        padding: 10px;

        margin: 0 auto;
    }
}

.CommunityList .CommunityItem:nth-child(5) {
    margin-left: 0px;
}

.CommunityList {
    display: flex;
    flex-wrap: wrap;

    .CommonityItemAdd:hover {
        border: 1px dashed #0498ff;

        div {
            color: #0498ff;
        }
    }

    .CommunityItem:first-child {
        margin-left: 0px;
    }

    .CommunityItem {
        width: 275px;
        border: 1px solid #e9e9e9;
        margin-top: 25px;
        background-color: white;
        position: relative;
        margin-left: 25px;

        .titles {
            height: 150px;
            background-color: #f1f5fb;
        }

        .content {
            background-color: white;
            padding: 20px;
        }

        .Btns {
            display: flex;
            background-color: white;
            padding: 9px 10px;
            border-top: 1px solid #f4f4f4;
            text-align: center;

            div {
                line-height: 40px;
            }
        }

        .addCommunity {
            color: rgb(197, 197, 197);
        }
    }

    .CommunityItems {
        width: 275px;
        border: 1px solid #e9e9e9;
        box-shadow: 0px 0px 10px 0px rgb(172, 172, 172);

        .titles {
            height: 150px;
            background-color: #f1f5fb;
        }

        .content {
            background-color: white;
            padding: 20px;
        }

        .titleName {
            color: #0498ff;
        }

        .Btns {
            display: flex;
            background-color: white;
            padding: 9px 10px;
            border-top: 1px solid #f4f4f4;
            text-align: center;

            div {
                line-height: 40px;
            }
        }
    }
}